
<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
    "http://www.w3.org/TR/html4/loose.dtd">

<%@taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>

<link rel="stylesheet" href="css/text_style.css" type="text/css"  media="screen" />

<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

        <title>Miage Book</title>

        <style type="text/css">
            body{
                background-image: url(images/bgbod.png);
                background-attachment:fixed;
                background-repeat:repeat-x;
                background-position:left top;
            }

            fieldset {
                width:500px;
                padding:20px;
                margin-bottom:10px;
            }
        </style>
    </head>

    <script type="text/javascript">
        function focus()
        {
            document.getElementById("login").focus();
        }
    </script>

    <body onload="focus()">

        <center>
            <form action="livret?action=authentification" method="post"><br> <br>

                <strong>MIAGE BOOK - ESPACE SECURISE</strong>

                <p align="center"></p>
                <p align="center"> <IMG src="images/logo.png"  width="120" height="120"> </p>

                <fieldset>
                    <legend><strong>AUTHENTIFICATION </strong></legend>
                    <table width="350"  border="0" align="center" cellpadding="10" cellspacing="0" >
                        <img src ="images/keys.gif" align="left"  width="100" height="100">
                        <tr>
                            <td width="50%"><div align="right"><span><b>LOGIN</b></span></div></td>
                            <td width="50%"><input name="login" type="text" id="login" ></td>
                        </tr>
                        <tr>
                            <td width="50%"><div align="right"><span><b>MOT DE PASSE</b></span></div></td>
                            <td width="50%"><input name="mdp" type="password" id="mdp"></td>
                        </tr>
                        <tr>
                            <td height="34" colspan="2"><div align="center">
                                    <input type="submit" name="Submit" value="Se connecter">
                                </div></td>
                        </tr>
                    </table>
                </fieldset>
                <c:if test="${not empty erreur}">
                    <label class ="erreur">${erreur}</label>
                </c:if>
            </form>

        </center>
    </body>

</html>
